<!doctype html>
<html lang="en-US">
  <head>
    <link href="styles/style.css" rel="stylesheet" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>My test page</title>
    <!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans"rel="stylesheet" /> -->
  </head>
  <script src="scripts/main.js" defer></script>

  <body>
    <button>切换用户</button>
    <script src="scripts/main.js" defer></script>
    <h1>mabye not in doc</h1>
    <img src="image/12.png" alt="My test image" />
    <p>At Mozilla, we're a global community of</p>
        <ul>
        <li>technologists</li>
        <li>thinkers</li>
        <li>builders</li>
        </ul>
    <p>working together…</p>
    <a href="https://www.mozilla.org/zh-CN/about/manifesto/">Mozilla Manifesto</a>

  <form action="/" method="post">
    <!-- 文本输入框 -->
    <label for="name">用户名:</label>
    <input type="text" id="name" name="name" required>

    <br>

    <!-- 密码输入框 -->
    <label for="password">密码:</label>
    <input type="password" id="password" name="password" required>

    <br>

    <!-- 单选按钮 -->
    <label>性别:</label>
    <input type="radio" id="male" name="gender" value="male" checked>
    <label for="male">男</label>
    <input type="radio" id="female" name="gender" value="female">
    <label for="female">女</label>

    <br>

    <!-- 复选框 -->
    <input type="checkbox" id="subscribe" name="subscribe" checked>
    <label for="subscribe">订阅推送信息</label>

    <br>

    <!-- 下拉列表 -->
    <label for="country">国家:</label>
    <select id="country" name="country">
        <option value="cn">CN</option>
        <option value="usa">USA</option>
        <option value="uk">UK</option>
    </select>

    <br>

    <!-- 提交按钮 -->
    <input type="submit" value="提交">
  </form>


  </body>
</html>
